<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="chorme" content="width=device-width, initial-scale=1.0">
    <title>回忆之路</title>
    <link rel="stylesheet" type="text/css" href="./src/styles.css">
    <link rel="stylesheet" type="text/css" href="./src/MessageStyles.css">
</head>

<body>

    <div id="app">
        <canvas id="background_canvas" width="800" height="480"></canvas>
        <div id="backofback">
            <canvas id="backofpage"></canvas>
            <div class="back" style="text-align:center">
                <canvas id="page"></canvas>
            </div>
        </div>
    </div>
    <div id="div_start_button" style="text-align: center ;">
        <button id="start_button">Look photos</button>
        <button id="playvideo_button">PlayVideo</button>
        <button id="message_button">MessageBoard</button>
    </div>
    <div class="video" >
        <canvas id="video_canvas"></canvas>
        <video id="video" src="./video/time.mp4" width="800" height="480" controls autoplay loop></video>
    </div>
    <div class="box" id="message" style="height: auto;">
		<textarea  id="messageTxt" cols="30" rows="10"></textarea>
		<button id="btn" >留言</button>
	</div>
    <canvas id="hiddencanvas"></canvas>

    <!-- js引用区域 -->
    <script src="./src/sprites.js"></script>
    <script type="text/javascript" src="./src/page.js"></script>
    <script type="text/javascript" src="./src/canvas.js"></script>
    <script type="text/javascript" src="./src/vedio.js"></script>
    <script type="text/javascript" src="./src/message.js"></script>
</body>

</html>